body {
  font: normal 14px "Microsoft YaHei"; }

.mallIntroduce {
  width: 100%;
  margin: 0 auto;
  background: #f4f4f4;
  border-radius: 10px 10px 0 0; }
  .mallIntroduce h1, .mallIntroduce h2 {
    margin: 0;
    padding: 15px 0 0 15px; }
  .mallIntroduce p {
    padding: 5px 15px 25px 15px;
    margin-bottom: 0; }

.nav {
  width: 100%;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background: linear-gradient(to bottom, #999, #ddd); }
  .nav ul {
    padding: 0;
    margin: 0; }
  .nav li {
    list-style-type: none;
    height: 40px; }
  .nav a {
    text-decoration: none; }
  .nav > ul:after {
    display: block;
    content: "";
    clear: both; }
  .nav > ul > li {
    min-width: 100px;
    float: left;
    text-align: center; }
    .nav > ul > li:hover > ul {
      display: block; }
    .nav > ul > li > ul {
      display: none;
      position: relative;
      left: 0; }
      .nav > ul > li > ul li {
        background: #eee; }
      .nav > ul > li > ul > li {
        position: relative;
        min-width: 100px;
        text-align: center; }
        .nav > ul > li > ul > li:hover > ul {
          display: block; }
        .nav > ul > li > ul > li > ul {
          display: none;
          position: absolute;
          top: 0;
          left: 100px; }
          .nav > ul > li > ul > li > ul > li {
            min-width: 100px;
            text-align: left;
            padding-left: 5px; }
  @media screen and (max-width: 767px) {
    .nav {
      height: auto; }
      .nav > ul {
        display: block; }
        .nav > ul > li {
          float: none;
          background: linear-gradient(to left, #ddd, #999); }
          .nav > ul > li > ul > li > ul {
            position: relative;
            left: 0;
            top: 0; }
            .nav > ul > li > ul > li > ul li {
              text-align: center;
              background: #f4f4f4; } }

.main {
  padding: 15px;
  display: flex;
  flex-flow: row wrap; }
  .main .project {
    flex: none;
    width: 150px;
    height: 180px;
    margin-bottom: 10px;
    margin-left: 10px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    text-align: center; }
    .main .project img {
      max-width: 140px;
      height: 120px;
      margin: 5px; }
    .main .project h3 {
      margin: 0 5px;
      font-size: 14px;
      text-align: left; }
    .main .project p {
      text-align: left;
      margin: 5px 0; }
      .main .project p span {
        padding: 0 5px; }
      .main .project p i {
        padding-right: 5px;
        text-decoration: line-through;
        font-size: 12px;
        float: right; }
  @media screen and (max-width: 767px) {
    .main .project {
      flex: auto; } }

footer p {
  text-align: center; }
